<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>智能问答</title>
<link rel="stylesheet" href="../../../bootstrap/css/bootstrap.min.css">
<link href="../../../css/layout_dierban.css" rel="stylesheet" />
<link rel="stylesheet" href="smart.css">
<script src="../../../js/jquery.min.js"></script>
<script src="../../../bootstrap/js/bootstrap.min.js"></script>
</head>

<body>
<!-- <div class='miaov_head'>
   <iframe marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no src="../../../html/head.html" width="100%"  height="280px">
  </iframe>
</div> -->
	<div class="content" style="width:1000px; margin:0 auto 50px;">
<!-- 		<h2>智能问答</h2>
		<br> -->
		<div>
			<div class="qqBox">
				<div class="context">
					<div class="conLeft">
						<div class="userInfo">
							<img class="user_icon" :src="userIcon" />
							<span class="user_name" v-text="userName"></span>
						</div>
						<ul class="chat_obj_list_wrap">
							<li class="chat_obj_list current">
								<div class="liLeft"><img class="chat_obj_icon" :src="officalIcon"/><span class="offical">官&nbsp;方</span></div>
								<div class="liRight">
									<span class="intername" v-text="officalName"></span>
									<span class="infor" v-html="officalLastAnswer"></span>
								</div>
							</li>
						</ul>
					</div>
					<div class="chat_right">
						<div class="BoxHead">
							<div class="internetName"><span class="offical">官&nbsp;方</span><span v-text="officalName"></span><i class="shop-on"></i></div>
						</div>
						<div class="chat_con clearfix">	
							<div class="conRight">
								<div class="RightCont">
									<div class="ChatRecord" v-show="isShowHistory" @click="showHistoryClick">查看更多消息</div>
									<ul class="newsList">
										<li v-for="chatRecord in chatRecordList">
											<div v-if="chatRecord.type=='1'" class="clearfix">
												<div class="nesHead"><img :src="vm.userIcon" /><span class="con_chat_obj_name" v-text="userName"></span></div>
												<div class="news"><img class="jiao" src="../../../img/smart/talk.jpg"><span v-html="chatRecord.chat"></span></div>
											</div>
											<div v-else class="clearfix">
												<div class="answerHead"><img :src="officalIcon"/><span class="con_chat_obj_name" v-text="officalName"></span></div>
												<div class="answers"><img class="jiao" src="../../../img/smart/talk_white.jpg"><span v-html="chatRecord.chat"></span></div>
											</div>
										</li>
									</ul>
								</div>
								<div class="RightFoot">
									<div class="emoji" v-show="showEmoji">
										<ul>
											<li v-for="emoji in emojiList" @click="selectEmoji($event)" :data-index="emoji">
												<img :src="'../../../img/smart/emoji/'+emoji+'.gif'"/>
											</li>
										</ul>
									</div>
									<div class="footTop">
										<ul>
											<li class="ExP" @click="showExpClick" title="表情"><img src="../../../img/smart/emoji.jpg"/></li>
											<li title="发送图片" style="position:relative">
												<img src="../../../img/smart/photo.jpg" />
												<input type="file" class="uploadPhoto" accept="image/gif,image/jpeg,image/jpg,image/png,image/svg"/>
											</li>
										</ul>
									</div>
									<div class="inputBox">
										<textarea id="sendTextarea" v-model="sendMsg" name="" rows="" cols=""></textarea>
										<button id="sendBtn" class="sendBtn" @click="sendClick">发送</button>
									</div>
								</div>
							</div>
							<div class="questions_wrapper" style="height: 546px">
								<div class="questions_header">常见问题</div>
								<div class="questions_list_wrapper" style='overflow-y:auto;max-height:450px;'>
	<div class="panel-group" id="accordion">
	<div class="panel" id = "questions">
	</div>	
</div>
    </div>
<ul class="pagination">
	<li><a href="#" onclick="firstPage()">首 页</a></li>
	<li><a href="#" onclick="lastPage()">上一页</a></li>
	<li><a href="#" onclick="nextPage()">下一页</a></li>
	<li><a href="#" onclick="endPage()">尾 页</a></li>
</ul>
								</div>
							</div>
						</div>
						
					</div>

				</div>
			</div>
		</div>

	</div>
<!-- 	<div class='miaov_foot'>
	   <iframe marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no src="../../../html/foot.html"></iframe>
	</div> -->
<script src="../../../js/jquery.min.js"></script>
<script type="text/javascript" src="../../../js/vue.min.js"></script>
<script type="text/javascript" src="../../../js/share.js"></script>
<script type="text/javascript" src="smart.js"></script>	  
<script type="text/javascript">
	//回车事件绑定
    $('#sendTextarea').bind('keyup', function(event) {
        if (event.keyCode == "13") {
            //回车执行查询
            $('#sendBtn').click();
        }
    });
</script>	  

</body>
</html>